<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<title>06Vue条件渲染</title>
</head>
<body>
	<div id="app2">
		<blog-post posttitle="[234, 266, 273]" test-title="测试标题"></blog-post>
		
	</div>
</body>
</html>
<script type="text/javascript">
	
	Vue.component('blog-post', {
	  // 在 JavaScript 中是 camelCase 的
	  props: ['posttitle','testTitle'],
	 
	  template: '<h3>{{ posttitle }}-----{{ testTitle }}</h3>'
	})

	var app4=new Vue({
		el:'#app2'
	})
</script>